@extends('backstage.layout.master')
@section('title', '遮罩列表')
@section('content')
    <div class="breadcrumbs" id="breadcrumbs">
        <ul class="breadcrumb">
            <li>
                <i class="icon-home home-icon"></i>
                <a href="backstage/home">主页</a>
            </li>
            <li>
                遮罩列表
            </li>
        </ul><!-- .breadcrumb -->
    </div>

    <div class="page-content">
        <div class="row">
            <div class="col-xs-12">
                <!-- PAGE CONTENT BEGINS -->
                <div class="page-content">
                    <div class="page-header">
                        <h1 style="display: inline-block;">
                            遮罩列表
                        </h1>
                        <a href="backstage/masks/add"><button class="btn btn-danger add-btn-danger" style="float: right;">添加</button></a>
                    </div><!-- /.page-header -->

                    <div class="row">
                        <div class="col-xs-12">
                            <!-- PAGE CONTENT BEGINS -->
                                <div class="table-responsive">
                                    <table id="sample-table-2" class="table table-striped table-bordered table-hover">
                                        <thead>
                                        <tr>
                                            <th>遮罩</th>
                                            <th>预览图</th>
                                            <th>
                                                <i class="icon-time bigger-110 hidden-480"></i>
                                                创建时间
                                            </th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>

                                        <tbody>
                                        @foreach ($masks as $mask)
                                            <tr>
                                                <td>
                                                    <img style="width:300px;" src="{{$mask->thumbnail}}">
                                                </td>
                                                <td>
                                                    <img style="width:300px;" src="{{$mask->mask_preview_image}}">
                                                </td>
                                                <td class="hidden-480">{{date('Y-m-d H:i:s',$mask->created_at)}}</td>
                                                <td>
                                                    <a href="backstage/masks/update/{{$mask->mask_id}}">编辑</a>
                                                    <a class="red" href="backstage/masks/delete/{{$mask->mask_id}}" onclick="return confirm('确认删除吗？');">删除</a>
                                                </td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            <div class="row">
                                <div>
                                    <div class="dataTables_paginate paging_bootstrap">
                                        <?php echo $masks->render(); ?>
                                    </div>
                                </div>
                            </div>
                            <!-- PAGE CONTENT ENDS -->
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.page-content -->
            </div>
        </div>
    </div>
@stop
@section('script')

@stop